<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Presentation title</title>

        <script type="text/javascript" src="firebug/firebug.js"></script>

        <!--<script type="text/javascript" src="logic/JSONError.js"></script>
        <script type="text/javascript" src="logic/JSON.js"></script>-->
        <script type="text/javascript" src="logic/json2.js"></script>
        <script type="text/javascript" src="logic/jquery.js"></script>
		<script type="text/javascript" src="logic/ui/effects.core.js"></script>
		<script type="text/javascript" src="logic/ui/effects.blind.js"></script>
		<script type="text/javascript" src="logic/ui/effects.clip.js"></script>
		<script type="text/javascript" src="logic/ui/effects.drop.js"></script>
		<script type="text/javascript" src="logic/ui/effects.explode.js"></script>
		<script type="text/javascript" src="logic/ui/effects.fade.js"></script>
		<script type="text/javascript" src="logic/ui/effects.fold.js"></script>
		<script type="text/javascript" src="logic/ui/effects.scale.js"></script>
		<script type="text/javascript" src="logic/ui/effects.slide.js"></script>
		<script type="text/javascript" src="logic/ui/ui.core.js"></script>
		<script type="text/javascript" src="logic/ui/ui.slider.js"></script>
        <script type="text/javascript" src="logic/ui/jquery.mousewheel.min.js"></script>
        <script type="text/javascript" src="logic/slideMe.core.js"></script>
        <script type="text/javascript" src="logic/slideMe.helpers.js"></script>
        <script type="text/javascript" src="logic/jquery.slideMe.js"></script>
        <link type="text/css" rel="stylesheet" href="layout/style.css"/>
        <style type="text/css">
            html, body {
                background: url('layout/bg.png') repeat-x;
				padding: 0;
                margin: 0;
				width: 100%;
				height: 100%;
                overflow: hidden;
            }
        </style>
    </head>
    <body>
        <div class="sldmFonts">
            <span class="sldmFontA" data-width="803">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eeeeeeeeeeeetttttttttaaaaaaaaoooooooiiiiiiinnnnnnsssssshhhhhhrrrrrrddddllllcccuuummwwffggyyppbvk</span>
            <span class="sldmFontT" data-width="704">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eeeeeeeeeeeetttttttttaaaaaaaaoooooooiiiiiiinnnnnnsssssshhhhhhrrrrrrddddllllcccuuummwwffggyyppbvk</span>
            <span class="sldmFontC" data-width="1200">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eeeeeeeeeeeetttttttttaaaaaaaaoooooooiiiiiiinnnnnnsssssshhhhhhrrrrrrddddllllcccuuummwwffggyyppbvk</span>
            <span class="sldmFontG" data-width="863">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eeeeeeeeeeeetttttttttaaaaaaaaoooooooiiiiiiinnnnnnsssssshhhhhhrrrrrrddddllllcccuuummwwffggyyppbvk</span>
            <span class="sldmFontV" data-width="924">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eeeeeeeeeeeetttttttttaaaaaaaaoooooooiiiiiiinnnnnnsssssshhhhhhrrrrrrddddllllcccuuummwwffggyyppbvk</span>            
        </div>
        <div class="sldmView">
            <div class="sldmPresentation">
                <div class="sldmSlide" style="background-color: blue">
                    <script type="text/javascript">
                        j = {
                            "transition": [
                                {
                                    "effect": "slide"
                                }, {
                                    "effect": "fade"
                                }
                            ],
                            "animations": [
                                true
                            ]
                        }
                    </script>
                    <p id="e1" class="sldmElement sldmFontA">Element 1</p>
                    <p id="e2" class="sldmElement">Element 2</p>
                    <p id="e3" class="sldmElement">Element 3</p>
                </div>
                <div class="sldmSlide" style="background-color: red">
                    <script type="text/javascript">
                        j = {
                            "transition": [
                                {
                                    "effect": "slide"
                                }, {
                                    "effect": "fade"
                                }
                            ],
                            "animations": [
                                true
                            ]
                        }
                    </script>
                    <p id="e1" class="sldmElement sldmFontA">Element 1</p>
                    <p id="e2" class="sldmElement">Element 2</p>
                    <p id="e3" class="sldmElement">Element 3</p>
                </div>
                <div class="sldmSlide" style="background-color: green">
                    <script type="text/javascript">
                        j = {
                            "transition": [
                                {
                                    "effect": "slide"
                                }, {
                                    "effect": "fade"
                                }
                            ],
                            "animations": [
                                true
                            ]
                        }
                    </script>
                    <p id="e1" class="sldmElement sldmFontA">Element 1</p>
                    <p id="e2" class="sldmElement">Element 2</p>
                    <p id="e3" class="sldmElement">Element 3</p>
                </div>
                <div class="sldmSlide" style="background-color: blue">
                    <script type="text/javascript">
                        j = {
                            "transition": [
                                {
                                    "effect": "slide"
                                }, {
                                    "effect": "fade"
                                }
                            ],
                            "animations": [
                                true
                            ]
                        }
                    </script>
                    <p id="e1" class="sldmElement sldmFontA">Element 1</p>
                    <p id="e2" class="sldmElement">Element 2</p>
                    <p id="e3" class="sldmElement">Element 3</p>
                </div>
                <div class="sldmSlide" style="background-color: red">
                    <script type="text/javascript">
                        j = {
                            "transition": [
                                {
                                    "effect": "slide"
                                }, {
                                    "effect": "fade"
                                }
                            ],
                            "animations": [
                                true
                            ]
                        }
                    </script>
                    <p id="e1" class="sldmElement sldmFontA">Element 1</p>
                    <p id="e2" class="sldmElement">Element 2</p>
                    <p id="e3" class="sldmElement">Element 3</p>
                </div>
                <div class="sldmSlide" style="background-color: green">
                    <script type="text/javascript">
                        j = {
                            "transition": [
                                {
                                    "effect": "slide"
                                }, {
                                    "effect": "fade"
                                }
                            ],
                            "animations": [
                                true
                            ]
                        }
                    </script>
                    <p id="e1" class="sldmElement sldmFontA">Element 1</p>
                    <p id="e2" class="sldmElement">Element 2</p>
                    <p id="e3" class="sldmElement">Element 3</p>
                </div>
                <div class="sldmSlide" style="background-color: blue">
                    <script type="text/javascript">
                        j = {
                            "transition": [
                                {
                                    "effect": "slide"
                                }, {
                                    "effect": "fade"
                                }
                            ],
                            "animations": [
                                true
                            ]
                        }
                    </script>
                    <p id="e1" class="sldmElement sldmFontA">Element 1</p>
                    <p id="e2" class="sldmElement">Element 2</p>
                    <p id="e3" class="sldmElement">Element 3</p>
                </div>
                <div class="sldmSlide" style="background-color: red">
                    <script type="text/javascript">
                        j = {
                            "transition": [
                                {
                                    "effect": "slide"
                                }, {
                                    "effect": "fade"
                                }
                            ],
                            "animations": [
                                true
                            ]
                        }
                    </script>
                    <p id="e1" class="sldmElement sldmFontA">Element 1</p>
                    <p id="e2" class="sldmElement">Element 2</p>
                    <p id="e3" class="sldmElement">Element 3</p>
                </div>
                <div class="sldmSlide" style="background-color: green">
                    <script type="text/javascript">
                        j = {
                            "transition": [
                                {
                                    "effect": "slide"
                                }, {
                                    "effect": "fade"
                                }
                            ],
                            "animations": [
                                true
                            ]
                        }
                    </script>
                    <p id="e1" class="sldmElement sldmFontA">Element 1</p>
                    <p id="e2" class="sldmElement">Element 2</p>
                    <p id="e3" class="sldmElement">Element 3</p>
                </div>
                <div class="sldmSlide" style="background-color: blue">
                    <script type="text/javascript">
                        j = {
                            "transition": [
                                {
                                    "effect": "slide"
                                }, {
                                    "effect": "fade"
                                }
                            ],
                            "animations": [
                                true
                            ]
                        }
                    </script>
                    <p id="e1" class="sldmElement sldmFontA">Element 1</p>
                    <p id="e2" class="sldmElement">Element 2</p>
                    <p id="e3" class="sldmElement">Element 3</p>
                </div>
                <div class="sldmSlide" style="background-color: red">
                    <script type="text/javascript">
                        j = {
                            "transition": [
                                {
                                    "effect": "slide"
                                }, {
                                    "effect": "fade"
                                }
                            ],
                            "animations": [
                                true
                            ]
                        }
                    </script>
                    <p id="e1" class="sldmElement sldmFontA">Element 1</p>
                    <p id="e2" class="sldmElement">Element 2</p>
                    <p id="e3" class="sldmElement">Element 3</p>
                </div>
                <div class="sldmSlide" style="background-color: green">
                    <script type="text/javascript">
                        j = {
                            "transition": [
                                {
                                    "effect": "slide"
                                }, {
                                    "effect": "fade"
                                }
                            ],
                            "animations": [
                                true
                            ]
                        }
                    </script>
                    <p id="e1" class="sldmElement sldmFontA">Element 1</p>
                    <p id="e2" class="sldmElement">Element 2</p>
                    <p id="e3" class="sldmElement">Element 3</p>
                </div>
            </div>
            <div class="sldmNavSlider"></div>
        </div>
        <div class="sldmNavBar" href="#nogo">
            <a class="sldmKeylogger" href="#nogo"></a>
            <ul class="sldmNavBar-ul">
                <li class="sldmNavBar-li"><a class="sldm109" href="#sldmThumb" title="switch to thumbnail"></a></li>
                <li class="sldmNavBar-li"><a class="sldm38" href="#sldmFr" title="go to previous slide"></a></li>
                <li class="sldmNavBar-li"><a class="sldm37" href="#vR" title="previous step"></a></li>
                <li class="sldmNavBar-li"><a class="sldm39" href="#sldmF" title="play/next step"></a></li>
                <li class="sldmNavBar-li"><a class="sldm40" href="#sldmFf" title="go to next slide"></a></li>
                <li class="sldmNavBar-li"><a class="sldm0" href="#nogo"></a></li>
            </ul>
        </div>
    </body>
</html>